<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>06jQuery核心函数</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            //$():就代表调用jQuery的核心函数

            /*1.接收一个函数*/
            $(function(){
                alert("hello world");
            

                /*2.接收一个字符串*/ //入口函数内才能获取DOM元素
                //2.1 接收一个字符串选择器
                //返回一个jQuery对象，对象中保存了找到的DOM元素
                var $box1=$(".box1");
                var $box2=$("#box2");
                console.log($box1);
                console.log($box2);

                //2.2 接收一个代码片段
                 //返回一个jQuery对象，对象中保存了创建的DOM元素
                var $p=$("<p>我是段落</p>");
                console.log($p);
                $box1.append($p);

                /*3.接收一个DOM元素*/
                //把DOM元素传递给jQuery核心函数，会返回一个被包装成jQuery对象
                var span=document.getElementsByTagName("span")[0];
                console.log(span);
                var $span=$(span);
                console.log($span);

            });


            
        </script>
    </head>
    <body>
        <div class="box1"></div>
        <div id="box2"></div>
        <span>你好，我是段落</span>
    </body>
</html>